<template>
  <div>
    <el-row>
      <el-col :md="24">
        <h1 class="text-center text-xl/3rem">{{ post?.post_title }}</h1>
        <div class="text-center text-[#ccc]">时间：{{ formatDate(post?.published_time || 1, false) }}</div>
      </el-col>
      <el-col :md="24">
        <div class="w-content font16 mt20px" v-html="post?.post_content"></div>
      </el-col>
      <el-col :md="24">
        <slot name="post-footer"></slot>
      </el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts">
const usePost = usePostStore();
const post = computed(() => usePost.post);
</script>

<style scoped></style>
